@charset "utf-8";
/* CSS Global */

body {
    /*background: #0000ff;*/
    font-family: 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#homeHeader {
    /* 我们希望 header 采用固定的高度，只占用必须的空间 */
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
}

#content {
    /* 将 flex-grow 设置为1，该元素会占用全部可使用空间
      而其他元素该属性值为0，因此不会得到多余的空间*/
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 1 0 auto;
    margin:0;
    padding:0;
}

#footer {
    /* 和 header 一样，footer 也采用固定高度*/
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;
}

.commonWrap {
    background: #A6B6BA center top no-repeat;
    width: 100%;
}

/* Text */
.common_width {
    width: 1020px;
    margin: 0 auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.noborder {
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.padding_px {
    padding: 10px 0px;
}

/* site header */
/*#div1 {*/
/*width: 960px;*/
/*height: 100px;*/
/*margin: auto;*/
/*position: relative;*/
/*background: white;*/
/*overflow: hidden*/
/*}*/

/*#div1 ul {*/
/*position: relative;*/
/*left: 0;*/
/*top: 0;*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/

/*#div1 ul li {*/
/*float: left;*/
/*width: 178px;*/
/*height: 108px;*/
/*list-style: none;*/
/*}*/

#site_header {
    margin: 0px auto;
    background-color: #A6B6BA
}

#site_header .logo {
    width: 1020px;
    height: 114px;
}

#site_header .logo .right {
    text-align: right;
}

#site_header .logo .timer {
    margin-top: 50px;
}

/* header nav */
#header_nav {
    position: relative;
    z-index: 3;
    background-color: #6fa5d7;
}

#main_content {
    position: relative;
    z-index: 1;
}
.headerNavMain{
    margin:0;
    padding:0;
    height: 50px;
}
.headerNavMain li {
    margin:0 5px;
    float: left;
    height: 50px !important;
    line-height: 50px;
    /*background: #6bd760 no-repeat;*/
    /**background: #000000;*/
    right: -1px;
    position: relative;
}

.headerNavMain li :hover {
    /*background: #a3a3a3;*/
}

/*.headerNavMain li.noborder {*/
/*background: #6fa5d7;*/
/*}*/

/*.headerNavMain li.last {*/
/*}*/

.headerNavMain li a {
    margin: 0;
    padding: 0 25px;
    height:50px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.headerNavMain li a:hover {
    color: #f1f1f1;
    /*background: #555;*/
}

.headerNavMain li.current a {
    color: #fff;
}

.headerNavMain li .smenu {
    display: none;
    width: 100%;
    position: relative;
    padding-top: 15px;
    width: 100%;
    /*position: absolute;*/
    top: -10px;
    *top: 43px;
    left: -1px;
    /*border-radius:0 0 10px 10px;*/
}

.headerNavMain li .smenu a {
    display: block;
    line-height: 30px;
    height: 30px;
    background: #5086bf;
    padding: 0px;
    text-align: center;
    border-bottom: 1px solid #5086bf;
}

.headerNavMain li .smenu a:hover {
    background: #025592;
}

.contactInfo {
    line-height: 68px;
    color: #438cc3;
    font-weight: bold;
}

.contactInfo span {
    background: #cccccc 0 50% no-repeat;
    padding-left: 26px;
    font-size: 16px;
    color: #494848
}

#footer {
    text-align: center;
    border-top: 3px solid #438cc3;
    padding: 10px 0px;
    line-height: 30px;
}

.footerWrap {
    line-height: 24px;
}

.footerWrap span {
    font-weight: bold;
    padding: 0px 10px;
    color: #2e75cd;
}

/********styel common**************/
.borderGray {
    border: 1px solid #dbd9da;
}

.fontStyle01 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.fontStyle02 {
    font-size: 15px;
    color: #807f7f;
    font-weight: bold;
    text-transform: uppercase;
}

.fontStyle03 {
    font-size: 16px;
    color: #807f7f;
    font-weight: bold;
}

.fontStyle04 {
    font-size: 16px;
    color: #0064a6;
    font-weight: bold;
}

.fontStyle05 {
    font-size: 16px;
    color: #494848;
    font-weight: bold;
}

.fontStyle06 {
    font-size: 11px;
    color: #438cc3;
    font-weight: bold;
    text-transform: uppercase;
}

/*************导航栏鼠标效果************************/
/*.nav-active :hover {*/
/*background: #505ce7;*/
/*}*/

.btn-primary-focus{
    background-color: #7a8ccd;
    border-radius: 4px;
}
.left-Bar-High-Focus{
    background-color: #c19d9e;
    border-radius: 4px;
}

#login>div{
    max-width:400px;
}
#login h4{
    text-align: center;
    font-size: 18px;
}